<template>
    <el-form ref="form" :model="item.tpl" v-if="item.tpl" label-width="100px" size="mini">
        <!--<el-form-item label="链接">
            <el-input v-model="item.tpl.paybtn.url"></el-input>
        </el-form-item>-->
        <el-form-item label="对齐">
            <el-radio-group v-model="item.tpl.paybtn.align" size="mini">
                <el-radio-button label="left">左</el-radio-button>
                <el-radio-button label="center">中</el-radio-button>
                <el-radio-button label="right">右</el-radio-button>
                <el-radio-button label="full">铺满</el-radio-button>
            </el-radio-group>
        </el-form-item>
        <c-txt :txt="item.tpl.paybtn.txt"></c-txt>
        <c-icon :icon="item.tpl.paybtn.icon"></c-icon>
        <c-border :border="item.tpl.paybtn.border" label="按钮边框"></c-border>
        <c-bg :bg="item.tpl.paybtn.bg"></c-bg>
    </el-form>
</template>

<script type="text/javascript">

    import { mapState, mapActions } from 'vuex';
    import cBg from '../common-ele/bg';
    import cBorder from '../common-ele/border';
    import cIcon from '../common-ele/icon';
    import cTxt from '../common-ele/txt';

    export default {
        props: [ 'item'],
        data () {
            return {}
        },
        mounted: function () {},
        components: {
            cBg,
            cBorder,
            cIcon,
            cTxt,
        },
        watch: {},
        computed: mapState([

        ]),
        methods: {
            ...mapActions([
            ])
        }
    }
</script>
